<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/12/12
  Time: 10:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>




<html>
<head>

    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/bootstrap-fileinput.css">
    <script src="static/jquery/jquery-2.2.4.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/bootstrap-fileinput.js"></script>

    <title>Title</title>
    <style type="text/css">
        .namebox{
            width: 100%;
            white-space: nowrap;
            overflow: hidden;/*超出部分隐藏*/
            text-overflow: ellipsis;/*用...代替超出部分*/
            text-align: center;
        }
        a:focus{text-decoration: none}
    </style>
    <script>
        $(function() {
            $( "#pdate" ).datepicker();
        });
    </script>
</head>
<body>





<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/static/jquery/jquery-2.2.4.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script	src="/static/js/bootstrap.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        /* var wd = $(".nav-pills").width();*/
        jQuery(window).scroll(function() {
            $("#top_cate").css("z-index", 9999);
        });

        $("#top_cate").affix({
            offset: {
                top: 25,
                bottom: function () {
                    return (this.bottom = $('.bottom').outerHeight(true));
                }

            }
        });
    });
</script>

<div class="container">
    <div class="row">

        <div class="col-md-12 text-right">

            <ol class="breadcrumb" id="info">

                <li id="li1"><span>游客您好，欢迎来到服装专卖店！</span>
                    <a href="#loginFormModal" data-toggle="modal">[登录]</a>&nbsp;<a href="#regFormModal" data-toggle="modal">[新用户注册]</a></li>
                <li><a href="#" onclick="showCart()">购物车 <span class="badge" id="cartBadge"></span></a></li>


            </ol>

        </div>

        <div class="col-md-12 " id="top_cate">
            <nav class="navbar navbar-default navbar-static-top" role="navigation">

                <div class="navbar-header">

                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                    </button> <a class="navbar-brand" href="#">良品服装专卖店</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav" id="nav">
                        <li class="active">
                            <a href="/">网站首页</a>
                        </li>
                        <li>
                            <a href="/goods/getNewGoods">新到商品</a>
                        </li>
                        <li>
                            <a href="/goods/getSalesGoods">热销商品</a>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" href="#" data-toggle="dropdown">商品分类<strong class="caret"></strong></a>
                            <ul class="dropdown-menu" id="dropdown_cate">

                                <a class="list-group-item" href="#">女装</a>
                                <a class="list-group-item" href="#">男装</a>
                                <a class="list-group-item" href="#">鞋子</a>
                                <a class="list-group-item" href="#">电脑</a>
                                <a class="list-group-item" href="#">手机</a>

                            </ul>
                        </li>
                    </ul>

                    <form class="navbar-form navbar-left form-inline " role="search" method="post" action="/goods/searchGoods">
                        <div class="form-group">
                            <input class="form-control " type="text" name="keyword" value=""/>
                        </div>

                        <button class="btn btn-default" type="submit">
                            店内搜索
                        </button>
                    </form>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="" >
                            <a href="/productAdd.jsp" style="color: #2aabd2">添加</a>
                        </li>

                        <li class="dropdown" >
                            <a class="dropdown-toggle" href="#" data-toggle="dropdown">排序<strong class="caret"></strong></a>
                            <ul class="dropdown-menu">



                                <li>
                                    <a href="#">按价格从低到高</a>
                                </li>
                                <li>
                                    <a href="#">按价格从高到低</a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="#">按销量从高到低</a>
                                </li>
                                <li>
                                    <a href="#">按销量从低到高</a>
                                </li>

                            </ul>
                        </li>
                        <li class="col-md-2"></li>
                    </ul>
                </div>

            </nav>
        </div>
    </div>

</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-2 column">

            <script type="text/javascript">
                $(document).ready(function(){
                    var wd = $(".nav-pills").width();
                    jQuery(window).scroll(function() {
                        $("#left_cate").css("width", wd);
                    });

                    $("#left_cate").affix({
                        offset: {
                            top: 125,
                            bottom: function () {
                                return (this.bottom = $('.bottom').outerHeight(true));
                            }

                        }
                    });
                });
            </script>
            <div class="list-group" >
                <ul class="nav nav-pills nav-stacked"  id="left_cate">
                    <a href="#" class="list-group-item" style="text-align: center">女装</a>
                    <a href="#" class="list-group-item" style="text-align: center">男装</a>
                    <a href="#" class="list-group-item" style="text-align: center">鞋子</a>
                    <a href="#" class="list-group-item" style="text-align: center">电脑</a>
                    <a href="#" class="list-group-item" style="text-align: center">手机</a>
                    <a href="#" class="list-group-item" style="text-align: center">平板</a>

                </ul>
            </div>



        </div>

        <div class="col-md-10 column">
            <div class="row">
                <h3 style="text-align: center">商品修改</h3>
            </div>
            <form class="form-horizontal" role="form" action="/editProduct" enctype="multipart/form-data" method="post">
                <input type="hidden" name="pid" value="5"/>
                <input type="hidden" name="oldImage" value="products/1/cs10005.jpg">
                <input type="hidden" name="page" value="1">
                <div class="row">

                    <div class="col-lg-6" style="padding: 20px">
                        <h3> </h3>
                        <div class="form-group">
                            <label for="pname" class="col-sm-3 control-label">商品名称</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="pname" name="pname" value="韩版女装翻领羔绒夹棉格子毛呢外套"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="pprice" class="col-sm-3 control-label">商品价格</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="pprice" name="price" value="238.0"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="pdisprice" class="col-sm-3 control-label">折扣价格</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="pdisprice" name="disprice" value="119.0"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="pishot" class="col-sm-3 control-label">是否热销</label>
                            <div class="col-sm-8">
                                <select name="ishot" id="pishot" class="form-control">



                                    <option value="0" selected>否</option>
                                    <option value="1" selected>是</option>


                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-6">
                        <div style="text-align: center">

                            <div class="form-group">
                                <div class="h4">商品预览</div>
                                <div class="fileinput fileinput-new" data-provides="fileinput"  id="exampleInputUpload">
                                    <div class="fileinput-new thumbnail" style="width: 200px;height: auto;max-height:150px;">
                                        <img id='picImg' style="width: 100%;height: auto;max-height: 140px;" src="/products/1/cs10005.jpg" alt="" />
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                                    <div>
                        <span class="btn btn-primary btn-file">
                            <span class="fileinput-new">选择文件</span>
                            <span class="fileinput-exists">换一张</span>
                            <input type="file" name="pic1" id="picID" accept="image/gif,image/jpeg,image/x-png"/>
                        </span>
                                <a href="javascript:;" class="btn btn-warning fileinput-exists" data-dismiss="fileinput">移除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" style="margin: 20px auto">
                    <div>
                        <label for="pdesc" class="col-sm-3 control-label">商品描述</label>
                        <div class="col-sm-8">
                            <textarea name="pdesc" id="" cols="70" rows="5" id="pdesc">   外套款。 称为棉衣也不为过 或者因为它的表层毛呢　称呼为毛呢外套 ｙａｎｇ　羔绒位于

翻领及袖口 从视觉着手　带来温暖无限 夹棉里衬（袖里也有）再次提升御寒功能 流行元素上　选择红黑格纹理　大气而又经典 金属拉链开叉　插袋自不会少</textarea>
                        </div>
                    </div>
                    <div class="form-group" style="text-align: center" >
                        <div class="col-sm-offset-5 col-sm-12" style="margin: 30px auto">
                            <input type="submit" class="btn btn-default btn-primary"/>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>



<div class="bottom">
    <nav id="bottomNav">
        <div class="col-md-12">
            <ul class="breadcrumb text-center">
                <li><a href="#">店铺信息</a> <span class="divider"></span></li>
                <li><a href="#">商品目录</a> <span class="divider"></span></li>
                <li class="active"><a href="#">联系我们</a></li>
                <div class="text-primary">&copy;&nbsp;zjitc.2018</div>
            </ul>

        </div>
    </nav>
</div>


</body>
</html>
